<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		 *{
		 	margin: 0;
		 	padding: 0;
		 }
		 body{
		 	background: blue;
		 }
		 .box{
		 	margin: 200px auto;
		 }
		 .logo{
		 	width: 150px;
		 	height: 200px;
		 	margin: 0 auto;
		 	background: white;
		 	border-top: ;
		 	border-radius: 100px;
		 }
		 .logo p{
		 	font-size: 20px;
		 	padding-top: 60px;
		 	color: gray;
		 	text-align: center;
		 }
		 .body{
		 	width: 40%;
		 	height: 400px;
		 	margin: -130px auto;
		 	background: white;
		 	border-radius: 10px;
		 }
		 .body p{
		 	color: gray;
		 	font-size: 20px;
		 	text-align: center;
		 	padding: 50px 0px;
		 }
		 input{
		 	margin: 10px 50px;
		 	width: 80%;
		 	height: 50px;
		 	text-align: center;
		 }
		 .sub{
		 	color: white;
		 	background: url(./24.png) #3366ff no-repeat right top;

		 }
		 button{
		 	color: #3366ff;
		 	width: 100px;
		 	height: 50px;
		 	position: absolute;
		 	right: 508px;
		 	bottom: 207px;
		 	background: url(./24.png) no-repeat right top;
		 }
		 .foot{
		 	margin: 0 auto;
		 	width: 95%;
		 	height: 100px;
		 	border: 1px dashed;
		 	text-align: center;
		 }
		 .foot p{
		 	color: gray;
		 	margin: 40px auto;
		 }
	</style>
</head>
<body>
	<div class="box">
		<div class="logo">
			<p>LOGO</p>
		</div>
		<div class="body">
			<form>
				<p>重置密码</p>
				<input type="text" name="user" placeholder="请输入账号手机密码"><br>
				<input class="sub1" type="text" name="usersort" placeholder="请输入短信验证码"><br>
				<button>发送验证码</button>
				<input class="sub" type="submit" value="下一步">
			</form>
		</div><br><br><br><br><br><br><br>
		<div class="foot">
			<p>Copyright&copy;www.xxx.com,All Rights Reserved.</p>
		</div>
	</div>
</body>
</html>